<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="en" itemscope itemtype="http://schema.org/WebPage">
  <head>
    <meta charset="utf-8" />
    <title>Testing Playground</title>
    <meta name="title" content="Testing Playground" />
    <meta
      name="description"
      content="Simple and complete DOM testing playground that encourage good testing practices."
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="styles/index.css" />

    <link rel="apple-touch-icon" sizes="57x57" href="../public/icons/57-production.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="../public/icons/60-production.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="../public/icons/72-production.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="../public/icons/76-production.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="../public/icons/114-production.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="../public/icons/120-production.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="../public/icons/144-production.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="../public/icons/152-production.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="../public/icons/180-production.png" />

    <link rel="icon" type="image/png" sizes="310x310" href="../public/icons/310-production.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="../public/icons/192-production.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="../public/icons/96-production.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="../public/icons/48-production.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="../public/icons/32-production.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="../public/icons/16-production.png" />

    <link rel="manifest" href="/manifest.json" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="../public/icons/144-production.png" />
    <meta name="theme-color" content="#ffffff" />

    <link
      rel="alternate"
      type="application/json+oembed"
      href="http://testing-playground.com/oembed?url=http%3A%2F%2Ftesting-playground.com&format=json"
      title="Testing Playground"
    />

    <meta name="theme-color" content="#ffffff" />

    <meta name="keywords" content="testing playground, testing, best practice, dom, testing-library" />
    <meta name="distribution" content="global" />
    <meta name="robots" content="index,nofollow" />
    <meta name="revisit-after" content="7 days" />

    <meta name="language" content="en" />
    <link rel="canonical" href="https://testing-playground.com" />

    <!-- Schema.org -->
    <meta itemprop="name" content="Testing Playground" />
    <meta
      itemprop="description"
      content="Simple and complete DOM testing playground that encourage good testing practices."
    />
    <meta itemprop="image" content="/icons/310-production.png" />
    <meta property="image:alt" content="Testing Playground mascot Froggy" />

    <!-- Facebook OpenGraph -->
    <meta property="og:url" content="https://testing-playground.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Testing Playground" />
    <meta property="og:image" content="/site.jpg" />
    <meta property="og:image:alt" content="Testing Playground" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="628" />
    <meta
      property="og:description"
      content="Simple and complete DOM testing playground that encourage good testing practices."
    />
    <meta property="og:site_name" content="Testing Playground" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter OpenGraph -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:creator" content="@meijer_s" />
    <meta name="twitter:url" content="https://testing-playground.com" />
    <meta name="twitter:title" content="Testing Playground" />
    <meta
      name="twitter:description"
      content="Simple and complete DOM testing playground that encourage good testing practices."
    />
    <meta name="twitter:image" content="/site.jpg" />
    <meta name="twitter:image:alt" content="Testing Playground" />

    <!-- Chrome Webstore
    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID" />
    -->

    <script>
      window.global = {};
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-166958850-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());
      gtag('config', 'UA-166958850-1');
    </script>
  </head>

  <body>
    <div id="app"></div>
    <noscript>You need JavaScript to run this app.</noscript>
    <script type="module" src="index.js"></script>
    <script async defer src="https://buttons.github.io/buttons.js"></script>
  </body>
</html>
